*{
    margin:0;
    padding:0;
    font-family: Consolas,"Microsoft Yahei",Arial,"宋体";
}
html{
    overflow: auto;
}
li{list-style:none}
i{
    display: inline-block;
}
input,button{
    outline:none;
}
a{
    text-decoration:none;
    color:#ffffff;
}

img{vertical-align:top;border:none}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.visual-box{
    width: 1200px;
    margin: 0 auto;
}
.bt-hover:hover{
    opacity: 0.9;
}
.relative{
    position: relative;
}

.scale-img img{
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.scale-img:hover img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);

}
.see{
    color: #666666;
}
.see:hover{
    color: #ac8546;
}
.index-bg{
    background: url(../img/index-bg.jpg) no-repeat center center;
    background-size: cover;
}



.head-tel{
    line-height: 50px;
    float: left;
    margin-left: 20px;
    font-size: 14px;
    color: #666;
}
.head-tel span{
    padding-left: 5px;
    color: #333;
}
.head-left{
    padding: 14px 0 13px;
}
.head-logo{
    float: left;
}
.head-right{
    float: right;
    margin-top: 8px;
}
.head-right li{
    float: left;
    padding: 0 10px;
    font-size: 14px;
    color: #999999;
    position: relative;
    cursor: pointer;

}
.head-right li:hover{
    color: #595757;
}
.head-right li label{
    width: 1px;
    height: 12px;
    background-color: #dcdcdd;
    position: absolute;
    right: 0;
    top: 11px;
}
.head-right i{
    height: 22px;
    margin-right: 5px;
    position: relative;
    top:6px;
    width: 22px;
    background: url("../img/icon.png");
}
.head-right i.icon-1{
    background-position: -9px -10px;
}
.head-right i.icon-2{
    background-position: -40px -11px;
}
.head-right i.icon-3{
    background-position: -63px -11px;
}
.head-right i.icon-4{
    background-position: -93px -11px;
}
.head-right i.icon-5{
    background-position: -126px -10px;
}
.nav-bg{
    background-color: #02225e;
    min-width: 1200px;
    -moz-box-shadow: 0 2px 6px #02225e; /* 老的 Firefox */
    box-shadow: 0 2px 6px #02225e;
}
.nav:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.nav{
    zoom: 1;
}
.nav li{
    float: left;
    position: relative;
}
.nav li a{
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #ffffff;
    padding: 0 20px;
}
.nav li a:hover{
    color: #c59737;
}
.nav li a.active{
    background-color: #c59737;
    color: #ffffff;
}
.nav .nav-last-list{
    float: right;
    font-size: 14px;
    color: #ffffff;
    line-height: 60px;
    padding-right: 10px;
}
.nav .nav-last-list span{
    color: #ac8546;
    padding: 0 5px;
}
.nav ul{
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: #02225e;
    width: 180px;
    padding: 0 0 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.nav ul li{
    float: none;
}
.nav ul li a{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.nav li a.hov{
    background-color: #02225e;
}
.nav li a.hov:hover{
    color: #c59737;
}
.head{
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
}
.page-1{
    padding-top: 112px;
}
.page-2{
    padding-top: 40px;
}
.page-2-box{
    background-color: #f8f8f8;
    /*overflow: hidden;*/
    position: relative;
    /*margin-top: 7px;*/

}
#page3,#page4,#page5{
    padding-top: 2px;
}
.left-form{
    width: 280px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -moz-box-shadow: 0 2px 6px #ddd; /* 老的 Firefox */
    box-shadow: 0 2px 6px #ddd;
}
.form-nav{
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}
.form-nav a{
    width: 50%;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 54px;
    color: #666666;
    text-align: center;
}
.form-nav a.active{
    color: #02225e;
}
.form-nav a i{
    background: url("../img/icon.png");
    width: 17px;
    height: 24px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}
.form-nav a i.icon-6{
    background-position: -26px -295px;
}
.form-nav a i.icon-7{
    background-position: -47px -295px;
}
.form-nav a.active i.icon-6{
    background-position: -13px -38px;
}
.form-nav a.active i.icon-7{
    background-position: -39px -38px;
}
.form-title{
    color: #666666;
    font-size: 16px;
    text-align: center;
    padding: 20px 0 30px;
}
.form-number{
    height: 1px;
    background-color: #cccccc;
    margin: 0 16px;
    text-align: center;
}
.form-number span{
    font-size: 34px;
    background-color: #ffffff;
    color: #ac8546;
    padding: 0 5px;
    position: relative;
    top: -18px;

}
.form-box{
    margin-top: 40px;
    padding: 0 25px;
}
.input-box{
    border: 1px solid #cccccc;
    border-radius: 2px;
    margin-bottom: 20px;
    position: relative;
}
.input-box input{
    border: 0;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-indent: 5px;
    font-size: 14px;

}
.select-icon{
    position: absolute;
    right: 10px;
    top:14px;
    width: 13px;
    height: 8px;
    background: url("../img/icon.png");
    background-position: -66px -40px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.select-show .select-box{
    display: block;
}
.select-show .select-icon{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); /* Opera */
}
.select-box{
    display: none;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 42px;
    padding: 5px 0;
    z-index: 999;
    min-width: 100%;
    border: 1px solid #d2d2d2;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.select-box li{
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.select-box li:hover{
    background-color: #f4f4f4;
}
.agreement{
    font-size: 12px;
    color: #666666;
}
.agreement i{
    position: relative;
    cursor: pointer;
    top: 2px;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    background: url("../img/icon.png");
    background-position: -67px -52px;
}
.agreement a{
    color: #666666;
}
.sub-button{
    margin-top: 15px;
    border: 0;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    width: 230px;
    height: 50px;
    background-color: #ac8546;
    cursor: pointer;
}
.sub-button:hover{
    opacity: 0.9;
}
.text-center{
    text-align: center;
}
.right-box{
    width: 300px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    -moz-box-shadow: 0 2px 6px #ddd; /* 老的 Firefox */
    box-shadow: 0 2px 6px #ddd;
}
.right-top img{
    width: 100%;
    position: relative;
    top: -1px;
}
.right-list{
    margin: 0 5px;
    /*padding-left: 10px;*/

    padding-bottom: 8px;
}
.right-list dt{
    height: 27px;
    line-height: 27px;
    margin-top: 5px;
    font-size: 16px;
    color: #333333;
    padding-bottom: 15px;
}
.right-list i{
    width: 27px;
    height: 27px;
    background: url("../img/icon.png");
    margin-right: 15px;
    position: relative;
    top: 5px;
}
.right-list i.icon-8{
    background-position: -82px -33px;
}
.right-list dd{
    margin-left: 8px;
    padding-right: 5px;
}

.news-text{
    border-bottom: 1px solid #eeeeee;
    width: 270px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    padding-bottom: 10px;
}
.news-title{
    padding-top: 6px;
    font-size: 16px;
    color: #333333;
}
.news-title time{
    float: right;
    font-size: 14px;
    color: #999999;
}
.right-list i.icon-9{
    background-position: -112px -32px;
}
.right-designer{
    padding: 0 10px;
}
.right-designer i{
    width: 27px;
    height: 27px;
    background: url("../img/icon.png");
    background-position: -141px -31px;
    margin-right: 10px;
    margin-left: 8px;
    position: relative;
    top: 6px;
}
.right-designer dt{
    font-size: 16px;
    color: #333333;
    margin-top: 5px;
}
.right-designer dd{
    overflow: hidden;
    margin-top: 15px;
}
.designer-left{
    width: 60px;
    text-align: center;
    float: left;
}
.designer-left p{
    font-size: 14px;
    color: #333333;
    margin-top: 8px;
}
.designer-right{
    font-size: 14px;
    float: right;
    width: 210px;
}
.designer-right h5{
    color: #333333;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}
.designer-right h5 span{
    color: #999999;
    padding-left: 5px;
}
.designer-right p{
    font-size: 12px;
    color: #666666;
    padding-top: 4px;
}
.center-box{
    padding: 0 300px 0 280px;
    -moz-box-shadow: 0 2px 6px #ddd; /* 老的 Firefox */
    box-shadow: 0 2px 6px #ddd;
}
.center-banner img{
    width: 100%;
}
.center-banner{
    position: relative;
    width: 620px;
    height: 350px;
}
.carousel-btn{
    display: none;
}
.dot-box{
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 1;
    text-align: center;
}
.dot-box label{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #cccccc;
    margin: 0 5px;
}
.dot-box label.active{
    background-color: #4b7ddc;
}
.center-bottom{
    overflow: hidden;
    background-color: #ffffff;

}
.bottom-box{
    width: 50%;
    float: left;
    position: relative;
    padding: 20px 0;
}
.bottom-box i{
    width: 62px;
    height: 54px;
    background: url("../img/icon.png");
    position: absolute;

}
.bottom-box i.icon-10{
    background-position: 4px -73px;
    left: 10px;
    top:28px;
}
.bottom-text{
    padding-left: 90px;
    margin-right: 10px;
    font-size: 14px;
    color: #666666;
}
.bottom-text h4,.bottom-right-text h4{
    font-size: 18px;
    line-height: 40px;
    color: #333333;
}
.bottom-box i.icon-11{
    background-position: -56px -73px;
    right: 10px;
    top:28px;
}
.bottom-right-text{
    padding-right: 90px;
    margin-left: 30px;
    font-size: 14px;
    color: #666666;
}
.center-line{
    width: 3px;
    position: absolute;
    background-color: #f2f2f2;
    top:13px;
    bottom: 13px;
    right: -1px;
}
.page-title{
    line-height: 25px;
    padding-left: 10px;
    color: #333333;
    font-size: 24px;
    border-left: 10px solid #ae8646;
}
.page-title ul{
    float: right;
    overflow: hidden;
    font-weight: normal;
    margin-top: 10px;
}
.page-title ul li{
    float: left;
    font-size: 14px;
    color: #666666;
    padding: 0 10px;
    border-right: 1px solid #dcdcdd;
    line-height: 14px;
}
.page-title ul li:hover{
    color: #ac8546;
}
.page-title ul li.more{
    border: 0;
    margin-left: 40px;
    padding: 0;
    cursor: pointer;

}
.more a{
    color: #666666;
}
.more a:hover{
    color: #ac8546;
}
.page-title span{
    font-size: 16px;
    color: #4e486c;
    padding-left: 20px;
    font-weight: normal;
}
.service-box img{
    width: 100%;
    padding: 10px 0;
}
.service-box{
    margin-top: 40px;
}
.value-list{
    width: 20%;
    float: left;
}
.value-text{
    padding-left: 50px;
    position: relative;

}
.value-text i{
    width: 38px;
    height: 38px;
    background: url("../img/icon.png");
    position: absolute;
    left: 0;
    top: 0;
}
.value-text h3{
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 40px;
}
.value-text p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.value-text i.value-1{
    background-position: -7px -669px;
}
.value-text i.value-2{
    background-position: -53px -670px;
}
.value-text i.value-3{
    background-position: -99px -670px;
}
.value-text i.value-4{
    background-position: -146px -672px;
}
.value-text i.value-5{
    background-position: -195px -674px;
}
.right-icon{
    float: right;
    font-size: 16px;
    color: #4e486c;
    font-weight: normal;
}
.right-icon i{

    height: 26px;
    width: 26px;

    position: relative;
    top: 5px;
    margin-right: 10px;
}
.right-icon i.right-icon-1{
    background-position: -10px -140px;
}
.right-icon i.right-icon-2{
    background-position: -35px -138px;
}
.list-box{
    margin: 25px -10px 0;
    position: relative;
}
.list-layer{
    position: absolute;
    left: 0;
    right: 0;
    top:307px;
    z-index: 4;
    display: none;
}
.page3-button{
    position: absolute;
    bottom: 68px;
    left: 635px;
    border: 0;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background-color: #ac8546;
    width: 118px;
    height: 38px;
    cursor: pointer;
}
.page3-button:hover{
    opacity: 0.9;
}
.list-layer i{
    height: 11px;
    width: 18px;
    position: absolute;
    right: 447px;
    top: 31px;
    background: url(../img/icon.png);
    background-position: -72px -145px;
}
.list-layer-img{
    margin-top: 41px;
    position: relative;
}
.layer-tag{
    position: absolute;
    left: 10px;
    top: 10px;
}
.bottom-list{
    margin: 20px -10px 0;
    overflow: hidden;
}
.page5-bottom-box{
    margin: 20px -10px 0;
    overflow: hidden;
}
.page4-bottom-box{
    margin: 25px -10px 0;
    overflow: hidden;
}
.bottom-list-box{
    float: left;
    width: 25%;
}
.list{
    width: 50%;
    float: left;
    text-align: center;

}
.list:hover .list-layer{
    display: block;
}
.list-layer:hover{
    display: block;
}
.list-img{
    margin: 10px;
    position: relative;
    overflow: hidden;
}
.list-img img{
    width: 100%;
}
#carousel_3{
    height: 352px;
}
.list-img:hover .layer{
    bottom: -407px;
}
.layer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition:bottom 1s;
    -moz-transition:bottom 1s; /* Firefox 4 */
    -webkit-transition:bottom 1s; /* Safari and Chrome */
    -o-transition:bottom 1s; /* Opera */
}
.layer-1{
    height: 407px;
    background-color:rgba(2,34,94,0.3);
    overflow: hidden;
}
.layer-2{
    height: 407px;
    background-color:rgba(197,151,55,0.3);
}
.layer-2 p{
    font-size: 24px;
    color: #ffffff;
    margin-top: 10px;
}
.layer-2 button{
    height: 38px;
    line-height: 38px;
    width: 128px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    margin-top: 15px;
    font-size: 18px;
    color: #ffffff;
    background-color:rgba(255,255,255,0);
    cursor: pointer;
    position: relative;
    z-index: 9;
}
.layer-2 button:hover{
    background-color:rgba(255,255,255,0.3);
}
.layer-icon{
    padding-left: 290px;
    font-size: 24px;
    color: #ffffff;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */
}
.layer-text{
    width: 96px;
    height: 24px;
    margin: 180px auto 0;
    background: url(../img/icon.png);
}
.layer-text1{
    background-position: -5px -332px;
}
.layer-text2{
    background-position: -5px -364px;
}
.layer-text3{
    background-position: -6px -398px;
}
.layer-text4{
    background-position: 2px -433px;
}
.layer-2 .layer-text{
    width: 124px;
    height: 34px;
    margin: 130px auto 0;
}
.layer-text5{
     background-position: 5px -470px;
 }
.layer-text6{
    background-position: -5px -514px;
}
.layer-text7{
    background-position: -6px -559px;
}
.layer-text8{
    background-position: -6px -605px;
}
.layer-2 .layer-icon{
    padding-left: 160px;
}
.buy-box{
    margin: 0 10px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
.buy-box h4{
    background-color: #ededee;
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
    color: #333333;
    line-height: 39px;
    font-weight: normal;
    padding-left: 10px;

}
.buy-box h4 span{
    color: #ff4e00;
}
.buy-box ul{
    margin: 0 10px;
}
.buy-box ul li{
    border-bottom: 1px solid #cccccc;
}
.buy-box ul li p{
    font-size: 16px;
    color: #333333;
    margin-top: 14px;
}
.buy-box ul li p span{
    font-size: 14px;
    color: #666666;
    float: right;
}
.buy-time{
    font-size: 14px;
    color: #999999;
    line-height: 26px;
}
.buy-box ul li:last-child{
    border:0;
}
.bottom-center-list{
    width: 50%;
    float: left;
}
.bottom-center-box{
    margin: 0 10px;
    overflow: hidden;
    position: relative;
}
.bottom-center-box img{
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.bottom-center-box:hover img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);

}

.bottom-center-box:hover .page4-layer{
    opacity: 1;

}
.mg-top-84{margin-top: 50px;}
.page4-banner{
    height: 280px;
    position: relative;
    margin-top: 25px;
}
.page4-button{
    position: absolute;
    bottom:40px;
    left: 70px;
    border: 0;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    width: 140px;
    height: 40px;
   background-color: #af8748;
    cursor: pointer;
    border-radius: 4px;
}
.page4-button:hover{
    opacity: 0.9;
}
.page5-button{
    bottom: 20px;
}
.page4-layer{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgba(2,34,94,0.3);
    transition:opacity 0.6s;
    -moz-transition:opacity 0.6s; /* Firefox 4 */
    -webkit-transition:opacity 0.6s; /* Safari and Chrome */
    -o-transition:opacity 0.6s; /* Opera */
}
.page4-layer p{
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 25px;
}
.page4-layer button{
    height: 26px;
    line-height: 26px;
    width: 115px;
    display: block;
    margin: 0 auto 10px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    background-color: rgba(255,255,255,0);
}
.page4-layer button:hover{
    background-color:rgba(255,255,255,0.3);
}
.page5-top-box{
    margin: 25px -10px 0;
    overflow: hidden;
}
.page5-banner{
    width: 75%;
    float: left;
}
.footer{
    background-color: #0d0d0d;
    min-width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px 0;
}
.footer-left{
    float: left;
}
.footer-right{
    float: right;
    position: relative;
}
.footer-left-list{
    float: left;
    margin-right: 40px;
}
.footer-left-list dt{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;
}
.footer-left-list dd a{
    font-size: 14px;
    color: #999999;
    line-height: 26px;
}
.footer-left-list dd a:hover{
    color: #ffffff;
}
.service-list{
    padding-left: 60px;
    position: relative;
    margin-bottom: 13px;
}
.service-list p{
    font-size: 16px;
    color: #999999;
}
.service-list div{
    font-size: 28px;
    color: #ffffff;
}
.service-list i{
    height: 50px;
    width: 50px;
    background: url("../img/icon.png");
    background-position: -133px -116px;
    position: absolute;
    top: 0;
    left: 0;

}
.qr-box{
    position: absolute;
    left: -145px;
    top: 0;
}
.qr-box p{
    font-size: 14px;
    color: #ffffff;
    margin-top: 6px;
}
.email{
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
}
.copyright{
    font-size: 14px;
    color: #666666;
    margin-top: 5px;
}
.page6-bg{
    /*background: url(../img/page6-bg.jpg) no-repeat center center;*/
    /*background-size:cover;*/
    min-width: 1200px;
    margin-top: 25px;
}
.page6-box{
    margin: 0 -35px;
    padding:0 0 40px;
    overflow: hidden;

}
.page6-list{
    margin-bottom: 20px;
    float: left;
    margin-left: 20px;
}
.page6-list img{
    transform: rotateY(0deg);
}
.page1-dot{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 30px;
    text-align: center;
    z-index: 1;
}
.page1-dot label{
    width: 30px;
    height: 2px;
    background-color: rgba(255,255,255,0.4);
    display: inline-table;
}
.page1-dot label.active{
    background-color: rgba(255,255,255,1);
}
.top-qr-li:hover .top-qr{
    display: block;
}
.top-qr:hover{
    display: block;
}
.top-qr{
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    display: none;
}
.top-qr-box{
    border: 1px solid #dcdcdd;
    background-color: #ffffff;
    position: relative;
    margin-top: 10px;
}
.top-qr-box i{
    position: absolute;
    right: 45px;
    top:-4px;
    width: 8px;
    height: 6px;
    background:url("../img/icon.png");
    background-position: -3px -208px;
}
.top-qr-box p{
    font-size: 14px;
    color: #9f8755;
    padding-bottom: 10px;
}

/*!*全屋定制star*!*/
/*.content-box{*/
    /*padding-top: 140px;*/
    /*padding-bottom: 190px;*/
    /*position: relative;*/
/*}*/
/*.content-box .head{*/
    /*position: absolute;*/
/*}*/
/*.cust-banner{*/
    /*min-width: 1200px;*/
    /*height: 580px;*/
    /*background: url(../img/cust-banner.jpg) no-repeat center center;*/
    /*background-size:cover;*/
/*}*/
/*.cust-title{*/
    /*font-size: 28px;*/
    /*color: #333333;*/
    /*margin-top: 50px;*/
    /*font-weight: normal;*/
/*}*/
/*.cust-title label{*/
    /*position: relative;*/
    /*bottom: 5px;*/
    /*font-size: 16px;*/
    /*color: #ffffff;*/
    /*border-radius: 4px;*/
    /*padding: 5px 4px;*/
    /*background: #ff7003;*/
    /*background: -moz-linear-gradient(left,  #ff7003 0%, #ffb531 100%);*/
    /*background: -webkit-gradient(linear, left left, left right, color-stop(0%,#ff7003), color-stop(100%,#ffb531));*/
    /*background: -webkit-linear-gradient(left,  #ff7003 0%,#ffb531 100%);*/
    /*background: -o-linear-gradient(left,  #ff7003 0%,#ffb531 100%);*/
    /*background: -ms-linear-gradient(left,  #ff7003 0%,#ffb531 100%);*/
    /*background: linear-gradient(to right,  #ff7003 0%,#ffb531 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7003', endColorstr='#ffb531',GradientType=0 );*/
/*}*/
/*:root .gradient{filter:none;}*/
/*.switch{*/
    /*font-size: 14px;*/
    /*color: #666666;*/
    /*padding-left: 8px;*/
    /*cursor: pointer;*/
    /*position: relative;*/
    /*bottom: 5px;*/
/*}*/
/*.switch i{*/
    /*width: 13px;*/
    /*height: 8px;*/
    /*margin-left: 4px;*/
    /*background: url(../img/icon.png);*/
    /*background-position: -66px -41px;*/
/*}*/
/*.roam{*/
    /*width: 118px;*/
    /*height: 26px;*/
    /*background: url(../img/icon.png);*/
    /*background-position: -421px -38px;*/
    /*cursor: pointer;*/
    /*margin-left: 15px;*/
    /*position: relative;*/
    /*top: 3px;*/
/*}*/
/*.select-houses{*/
    /*border-radius: 2px;*/
    /*border: 1px solid #c59737;*/
    /*font-size: 14px;*/
    /*color: #666666;*/
    /*padding: 5px 10px;*/
    /*float: right;*/
    /*cursor: pointer;*/
    /*margin-top: 4px;*/
/*}*/
/*.select-houses i{*/
    /*height: 14px;*/
    /*width: 14px;*/
    /*margin-left: 6px;*/
    /*background: url(../img/icon.png);*/
    /*background-position: -103px -144px;*/
    /*position: relative;*/
    /*top: 2px;*/
/*}*/
/*.category-box{*/
    /*margin: 40px -13px 0;*/
/*}*/
/*.category-list{*/
    /*margin: 0 13px;*/
    /*float: left;*/
    /*width: 278px;*/
    /*border: 1px solid #dcdcdd;*/
    /*height: 80px;*/
    /*line-height: 80px;*/
    /*font-size: 24px;*/
    /*color: #333333;*/
    /*font-weight: bold;*/
    /*position: relative;*/
    /*text-align: center;*/
/*}*/
/*.category-list label{*/
    /*background-color: #dcdcdd;*/
    /*width: 6px;*/
    /*height: 6px;*/
    /*border-radius: 3px;*/
    /*display: inline-block;*/
    /*margin: 0 8px;*/
    /*position: relative;*/
    /*bottom: 6px;*/
/*}*/
/*.category-list span{*/
    /*color: #666666;*/
/*}*/
/*.tag{*/
    /*height: 20px;*/
    /*line-height: 20px;*/
    /*width: 90px;*/
    /*background-color: #333333;*/
    /*font-weight: normal;*/
    /*font-size: 14px;*/
    /*color: #ffffff;*/
    /*position: absolute;*/
    /*bottom: -10px;*/
    /*left: 94px;*/

/*}*/

/*.category-box .active{*/
    /*border: 1px solid #c59737;*/
/*}*/
/*.category-box .active span{*/
    /*color: #f6ab40;*/
/*}*/
/*.category-box .active label{*/
    /*background-color: #f6ab40;*/
/*}*/
/*.category-box .active .tag{*/
    /*background-color: #c59737;*/
/*}*/

/*.series{*/
    /*text-align: center;*/
    /*padding: 20px 0;*/
    /*background-color: #ededee;*/
    /*margin-top: 40px;*/
/*}*/
/*.series a{*/
    /*font-size: 18px;*/
    /*color: #999999;*/
    /*padding: 0 30px;*/
    /*border-right: 2px solid #dcdcdd;*/
    /*line-height: 18px;*/
    /*position: relative;*/
/*}*/
/*.series a:last-child{*/
    /*border: 0;*/
/*}*/
/*.series a.active{*/
    /*color: #333333;*/
/*}*/
/*.series a.active i{*/
    /*width: 18px;*/
    /*height: 10px;*/
    /*background: url(../img/icon.png);*/
    /*background-position: -377px -68px;*/
    /*position: absolute;*/
    /*bottom: -20px;*/
    /*left: 50%;*/
    /*margin-left: -9px;*/
/*}*/
/*.series-title{*/
    /*font-size: 48px;*/
    /*margin-top: 80px;*/
    /*background: linear-gradient(to right, #2989cc, #2deaf7);*/
    /*-webkit-background-clip: text;*/
    /*color: transparent;*/
    /*text-align: center;*/
/*}*/
/*.series-title{*/
    /*position: relative;*/
    /*color: #2989cc;*/
/*}*/
/*.series-title:before{*/
    /*content: attr(text);*/
    /*position: absolute;*/
    /*z-index: 10;*/
    /*color:#2deaf7;*/
    /*-webkit-mask:linear-gradient(to left, #2deaf7, transparent);*/
/*}*/
/*.series-tip{*/
    /*font-size: 18px;*/
    /*color: #4e486c;*/
    /*text-align: center;*/
    /*margin-top: 30px;*/
/*}*/


/*登录框*/
.login{
    background-color: rgba(255,255,255,0.75);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    min-width: 1200px;
    display: none;
}
.login-box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 320px;
    left: 50%;
    margin-left: -225px;
    background-color: #ffffff;
    -moz-box-shadow: 0 1px 15px #ccc; /* 老的 Firefox */
    box-shadow: 0 1px 15px #ccc;
    padding: 0 65px;
}
.login-box h2{
    margin-top: 65px;
    font-weight: normal;
    font-size: 28px;
    color: #02225e;
}
.login-box a{
    font-size: 16px;
    color: #666666;
    float: right;
    margin-top: 10px;
}
.login-input{
    position: relative;
    border: 1px solid #dcdcdd;
    border-radius: 4px;
    margin-top: 30px;
    padding-left: 38px;
}
.login-input-box{
    border: 1px solid #ac8546;
}
.login-input input{
    border: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333333;
}
.login-input i{
    position: absolute;
    left: 10px;
    top:8px;
    width: 18px;
    height: 18px;
    background:url("../img/icon.png");
}
.login-input i.icon-user{
    background-position: -297px -64px;
}
.login-input i.icon-pwsd{
    background-position: -321px -90px;
}
.login-input i.icon-user-1{
    background-position: -322px -64px;
}
.login-input i.icon-pwsd-1{
    background-position: -296px -90px;
}
.error-box{
    margin-top: 20px;
    font-size: 14px;
    color: #dc4444;
}
.error-box i{
    width: 16px;
    height: 16px;
    background:url("../img/icon.png");
    background-position: -351px -65px;
    margin-right: 6px;
    position: relative;
    top: 4px;
}
.error-box a{
    margin-top: 0;
    font-size: 14px;
}
.login-bt {
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    border: 0;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    margin: 30px auto 50px;
    cursor: pointer;
    background: #ae8646;
}

.login-bt:hover{
    opacity: 0.9;
}
.cols{
    position: absolute;
    top: -34px;
    right: -34px;
    width: 68px;
    height: 68px;
    background:url("../img/icon.png");
    background-position: -182px -110px;
    cursor: pointer;
    border-radius: 34px;
    /*background-position: -420px -85px;*/
}
.cols:hover{
    background-position: -413px -75px;
}

/*注册框*/
.register{
    display: none;
}
.register .login-box{
    border-radius: 4px;
}
.warning{
    border: 1px solid #ffc3a9;
}
.warning input{
    color: #ff4e00;
}
.phone-number{
    margin-right: 96px;
}
.phone-number button{
    position: absolute;
    right: -96px;
    top: -1px;
    height: 38px;
    line-height: 38px;
    width: 88px;
    border-radius: 4px;
    background-color: #f6ab40;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    border: 0;
}
.phone-number button:hover{
    opacity: 0.9;
}
.login-input i.icon-number{
    background-position: -365px -90px;
}
.login-input i.icon-number-1{
    background-position: -341px -90px;
}
.agreement a{
    color: #666666;
    font-size: 12px;
}
.agreement input{
    display: none;
}
.register .agreement{
    margin-top: 10px;
    margin-bottom: -10px;
    font-size: 14px;
}
.register .agreement a{
    margin-top: 0;
    float: none;
    font-size: 14px;
    color: #0b2861;
}
.agreement i.pitchOn{
    background: none;
    height: 10px;
    width: 10px;
    border-radius: 2px;
    border: 2px solid #dcdcdd;
}
.lick-hover:hover{
    color: #c59737;
}
.mg-top_20{
    margin-top: -20px;
}
.last-bg{
    background: url(../img/page6-bg.jpg) no-repeat center center;
    background-size: cover;
}






/*全屋定制star*/
.content-box{
    padding-top: 140px;
    padding-bottom: 190px;
    position: relative;
}
.content-box .head{
    position: absolute;
}
.cust-banner{
    min-width: 1200px;
    height: 580px;
    background: url(../img/cust-banner.jpg) no-repeat center center;
    background-size:cover;
}
.cust-title{
    font-size: 28px;
    color: #333333;
    margin-top: 50px;
    font-weight: normal;
}
.cust-title label{
    position: relative;
    bottom: 5px;
    font-size: 16px;
    color: #ffffff;
    border-radius: 4px;
    padding: 5px 4px;
    background: #f2912f;
    background: -moz-linear-gradient(left,  #f2912f 0%, #fbbd3a 100%);
    background: -webkit-gradient(linear, left left, left right, color-stop(0%,#f2912f), color-stop(100%,#fbbd3a));
    background: -webkit-linear-gradient(left,  #f2912f 0%,#fbbd3a 100%);
    background: -o-linear-gradient(left,  #f2912f 0%,#fbbd3a 100%);
    background: -ms-linear-gradient(left,  #f2912f 0%,#fbbd3a 100%);
    background: linear-gradient(to right,  #f2912f 0%,#fbbd3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2912f', endColorstr='#fbbd3a',GradientType=0 );
}
:root .gradient{filter:none;}
.switch{
    font-size: 14px;
    color: #666666;
    padding-left: 8px;
    cursor: pointer;
    position: relative;
    bottom: 5px;
}
.switch i{
    width: 13px;
    height: 8px;
    margin-left: 4px;
    background: url(../img/icon.png);
    background-position: -66px -41px;
}
.roam{
    width: 118px;
    height: 26px;
    background: url(../img/icon.png);
    background-position: -421px -38px;
    cursor: pointer;
    margin-left: 15px;
    position: relative;
    top: 3px;
}
.select-houses{
    border-radius: 2px;
    border: 1px solid #ae8646;
    font-size: 14px;
    color: #666666;
    padding: 5px 10px;
    float: right;
    cursor: pointer;
    margin-top: 4px;
    background-color: #FFFFFF;
}
.select-houses i{
    height: 14px;
    width: 14px;
    margin-left: 6px;
    background: url(../img/icon.png);
    background-position: -103px -144px;
    position: relative;
    top: 2px;
}
.category-box{
    margin: 40px -13px 0;
}
.category-list{
    margin: 0 13px;
    float: left;
    width: 276px;
    border: 2px solid #dcdcdd;
    height: 128px;

    font-weight: bold;
    position: relative;
    text-align: center;
}
.rmtj_tip{
    width: 128px;
    height: 34px;
    line-height: 34px;
    background: url(../img/icon.png);
    background-position: -347px -201px;
    font-size: 18px;
    color: #FFFFFF;
    top:-17px;
    left: 50%;
    margin-left: -64px;
    position: absolute;
    font-weight: 400;
}
.category-list a{
    color: #595757;
    font-size: 24px;
    padding-top: 30px;
    display: block;
}
.category-list label{
    background-color: #999999;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 8px;
    position: relative;
    bottom: 6px;
}
.category-list span{
    color: #595757;
}
.category-list p{
    color: #999999;
    font-size: 18px;
    font-weight: normal;
}
.tag{
    height: 32px;
    line-height: 20px;
    width: 90px;
    background-color: #595757;
    position: absolute;
    bottom: -15px;
    left: 94px;

}
.tag i{
    height: 24px;
    width: 84px;
    margin-top: 4px;
    background: url("../img/icon.png");
}
.tag i.tag-1{
    background-position: -1px -642px;
}
.tag i.tag-2{
    background-position: -83px -642px;
}
.tag i.tag-3{
    background-position: -177px -642px;
}
.tag i.tag-4{
    background-position: -267px -642px;
}
.category-box .active {
    border: 2px solid #ae8646;
}
.category-box .active span{
    /*color: #f6ab40;*/
}
.category-box .active p{
   color: #ae8646;

}
.category-box .active label{
    /*background-color: #f6ab40;*/
}
.category-box .active .tag{
    background-color: #ae8646;
}

.series{
    text-align: center;
    padding: 20px 0;
    background-color: #ededee;
    margin-top: 40px;
}
.series a{
    font-size: 18px;
    color: #999999;
    padding: 0 30px;
    border-right: 2px solid #dcdcdd;
    line-height: 18px;
    position: relative;
}
.series a:last-child{
    border: 0;
}
.series a.active{
    color: #ac8546;
}
.series a.active span{
    position: relative;
}
.series a.active i{
    height: 2px;
    background-color: #ac8546;
    /*background: url(../img/icon.png);*/
    /*background-position: -377px -68px;*/
    position: absolute;
    bottom: -19px;
    left: 0;
    right: 0;
}
.series-title{
    font-size: 48px;
    margin-top: 80px;
    position: relative;
    color: #02225e;
    text-align: center;
}

.series-tip{
    font-size: 18px;
    color: #595757;
    text-align: center;
    margin-top: 30px;
}
.mg-top-60{
    margin-top: 60px;
}
.top-menu{
    background-color: #ededee;
    table-layout: fixed;
    margin-top: 40px;
}
.top-menu td{
    padding: 0;
    cursor: pointer;
    border-right: 1px solid #FFFFFF;
    line-height: 80px;
    height: 80px;
    text-align: center;
    font-size: 20px;
    color: #666666;
    position: relative;
}
.top-menu td i{
    display: none;
}
.top-menu td:last-child{
    border-right: 0;
    text-align: center;
}
.top-menu td.active{
    background-color: #02225e;
    color: #FFFFFF;

}
.top-menu td.active i{
    display: block;
    width: 12px;
    height: 7px;
    position: absolute;
    background:url("../img/icon.png");
    background-position: -2px -192px;
    left: 50%;
    bottom: 0;
    margin-left: -6px;
}
.left-menu{
    width: 254px;
    float: left;
    background-color: #ededee;
}
.left-menu div:last-child{
    border-bottom: 1px solid #ededee;
}
.menu-list{
    font-size: 20px;
    color: #666666;
    border-bottom: 1px solid #ffffff;
    line-height: 103px;
    height: 103px;
    position: relative;
    cursor: pointer;
}
.menu-list i{
    width: 34px;
    height: 34px;
    background:url("../img/icon.png");
    margin-left: 40px;
    margin-right: 20px;
    position: relative;
    top:10px;
}
.menu-list i.menu-icon-1{
    background-position: -4px -220px;
}
.menu-list i.menu-icon-2{
    background-position: -48px -220px;
}
.menu-list i.menu-icon-3{
    background-position: -92px -220px;
}
.menu-list i.menu-icon-4{
    background-position: -136px -222px;
}
.menu-list i.menu-icon-5{
    background-position: -180px -220px;
}
.left-menu div.active{
    background-color: #02225e;
    color: #ffffff;
}
.left-menu div.active i.menu-icon-1{
    background-position: -6px -260px;
}
.left-menu div.active i.menu-icon-2{
    background-position: -48px -260px;
}
.left-menu div.active i.menu-icon-3{
    background-position: -92px -260px;
}
.left-menu div.active i.menu-icon-4{
    background-position: -136px -262px;
}
.left-menu div.active i.menu-icon-5{
    background-position: -180px -260px;
}
.left-menu div.active label{
    display: inline-block;
    width: 7px;
    height: 12px;
    background:url("../img/icon.png");
    background-position: -394px -88px;
    position: absolute;
    top:45px;
    right: 60px;
}
.right-video{
    /*float: right;*/
    /*width: 946px;*/
    margin-top: 18px;
    position: relative;
}
.right-video img{
    width: 100%;
}
.right-video a{
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top:50%;
    margin-top: -40px;
    background:url("../img/icon.png");
    background-position: -243px -175px;
    border: 0;
    cursor: pointer;
}
.material{
    margin-top: 40px;
    width: 100%;
    text-align: left;
}
.material th{
    line-height: 60px;
    background-color: #ededee;
    font-size: 18px;
    color: #999999;
    font-weight: normal;
}
.material th,td{
    padding-left: 20px;
}
.material td{
    border-bottom: 1px solid #dcdcdd;
    font-size: 16px;
    color: #666666;
    padding-top: 28px;
    padding-bottom: 14px;
}
.cust-btn{
    display: block;
    margin: 60px auto 0;
    width: 262px;
    height: 62px;
    line-height: 62px;
    font-size: 20px;
    color: #ffffff;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    background: #ac8546;
}
.cust-brand{
    margin: 60px auto 100px;
}

.search-results {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    font-size: 12px;
}
.search-results-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
}
.search-results .results-wrapper {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 950px;
    height: 600px;
    margin: -300px 0 0 -475px;
    background: #fff;
}
.search-results .search-return{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    z-index: 500;
    color: #333333;
}
.search-return:hover{
    color: #0000ee;
}
.search-panel h1 {
    margin-top: 140px;
    text-align: center;
    font-size: 28px;
    line-height: 28px;
}
.search-panel .search-wrap {
    margin: 20px auto;
    width: 640px;
    z-index: 200;
}
.search-panel .filter-item {
    float: left;
    position: relative;
    font-size: 16px;
}
.search-panel .sel-city {
    position: relative;
    width: 110px;
    border: 1px solid #ddd;
    border-right: none;
    border-radius: 3px 0 0 3px;
    background: #fff;
}
.fl {
    float: left;
}
.search-panel .sel-city .city {
    display: block;
    height: 48px;
    width: 100%;
    padding: 0 20px 0 0;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
}
.sel-city .j_city {
    font-size: 14px;
    color: #333;
}
.tc {
    text-align: center;
}
.search-panel .sel-city .icon-sel-city {
    top: 21px;
    right: 5px;
    border-width: 6px;
}
.border-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 6px;
    font-size: 0;
    line-height: 0;
    border-color: #999 transparent transparent;
    border-style: solid dashed dashed;
}
.search-panel .field {
    width: 369px;
    height: 38px;
    padding: 5px 10px;
    line-height: 38px;
    font-size: 16px;
    border: 1px solid #ddd;
    color: #333;
}
.search-panel .btn-fp-search {
    height: 50px;
    line-height: 50px;
    padding: 0 41px;
    border-radius: 0 3px 3px 0;
    font-size: 18px;
}
.btn-sub {
    display: inline-block;
    padding: 6px 12px;
    background-color: #4b7ddc!important;
    color: #fff;
}
.btn {
    border: 0;
    cursor: pointer;
    text-align: center;
    padding: 5px 15px;
    border-radius: 3px;
}
.fs14 {
    font-size: 14px;
}
.iconfont {
    height: 14px;
    width: 14px;
    display: inline-block;
    background:url("../img/icon.png");
    background-position: -406px -73px;
    margin-right: 3px;
}
.search-panel .sel-city .j_pop-up {
    left: -1px;
    top: 48px;
}
.sel-city .j_pop-up {
    display: none;
    position: absolute;
    top: 52px;
    left: 110px;
    width: 360px;
    padding: 0 0 11px 12px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}
.sel-city .j_pop-up .pop-hd {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    margin-right: 12px;
    border-bottom: 1px solid #ddd;
}
.sel-city .j_pop-up .pop-hd span {
    color: #666;
    float: none;
}
.sel-city .j_pop-up .item {
    float: left;
    width: 60px;
    padding: 4px 0;
    font-size: 14px;
    color: #666;
    margin-right: 0;
    overflow: hidden;
}
.sel-city .j_pop-up .item span {
    position: relative;
    float: left;
    line-height: 14px;
    padding: 4px 7px;
    cursor: pointer;
}
.sel-city .j_pop-up .province {
    width: 380px;
    overflow: visible;
}
.sel-city .j_pop-up .sub-items {
    display: none;
    width: 360px;
    border-style: solid;
    padding-left: 12px;
    border-width: 1px 0;
    margin: 0 0 0 -12px;
    background-color: #f9f9f9;
    color: #ddd;
}
.sel-city .j_pop-up .item span.active, .sel-city .j_pop-up .item span:hover {
    color: #fff;
    background-color: #666;
}
.sel-city .j_pop-up .item span.active:after {
    position: absolute;
    bottom: -5px;
    left: 40%;
    content: " ";
    border-width: 0 5px 5px;
    border-style: solid;
    color: #fff;
    border-bottom-color: #ddd;
}
.sel-city .j_pop-up .sub-items .item span {
    font-size: 12px;
    padding: 4px;
}

.reside-top-wrapper {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px;
    z-index: 200;
}
.reside-top .sel-city {
    position: relative;
    width: 101px;
    border: 1px solid #ddd;
    border-right: none;
    border-radius: 3px 0 0 3px;
    background: #fff;
}
.reside-top .sel-city .city {
    display: block;
    height: 40px;
    width: 100%;
    padding: 0 20px 0 0;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
}
.reside-top .sel-city .icon-sel-city {
    top: 16px;
    right: 8px;
    border-width: 6px;
}
.reside-top .sel-city .j_pop-up {
    left: -1px;
    top: 40px;
}
.reside-top .search .field {
    width: 218px;
    height: 30px;
    padding: 5px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #ddd;
    color: #333;
}
.reside-top .search .btn-fp-search {
    height: 30px;
    line-height: 30px;
    padding: 6px 19px;
    border-radius: 0 3px 3px 0;
    font-size: 14px;
}
.reside-top .search .btn-fp-search .iconfont {
    vertical-align: middle;
}
.reside-top .desc {
    float: left;
    height: 40px;
    padding-left: 20px;
    line-height: 64px;
    font-size: 14px;
}
.reside-top .desc .num {
    margin: 0 5px;
    color: #f16d7d;
}
.search-results .results-wrapper .bd {
    background: #fff;
    overflow: hidden;
}
.fp-search-list {
    height: 530px;
    overflow: hidden;
}
.hx-list-wrapper {
    height: 510px;
    overflow-y: auto;
}
.hx-list {
    overflow: hidden;
    padding: 10px 0 15px 10px;
}
.hx-list .hx-item {
    position: relative;
    float: left;
    margin: 10px 0 0 52px;
    width: 210px;
    padding: 0 14px;
    border: 1px solid #eee;
    overflow: hidden;
    cursor: pointer;
}

.hx-list .hx-item .photo img {
    width: 210px;
    height: 210px;
}
.hx-list .hx-item .info {
    padding-bottom: 5px;
}
.hx-list .hx-item .info .info-desc {
    font-size: 14px;
    color: #999;
}
.ml10 {
    margin-left: 10px;
}
.hx-list .hx-item .info .info-desc .src-type.public {
    background: #3e82f7;
}
.hx-list .hx-item .info .info-desc .src-type {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 1px 5px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
}
.hx-list .hx-item .info .area-desc {
    font-size: 12px;
    color: #999;
}
.ell {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.hx-list .hx-item .info .area-desc .iconfont {
    font-size: 12px;
    vertical-align: bottom;
}
.icon-addr{
    background-position: -9px -307px;
}
.hx-list .hx-item .hx-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #7a7a7a;
    opacity: .1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}
.hx-list .hx-item:hover .hx-mask{
    display: block;
}


/*优居热评star*/
.comment-banner img{
    width: 100%;
    margin-top: 20px;
}
.comment-banner .series{
    margin-top: 0;
}
.comment-box li{
    border-bottom: 1px solid #dcdcdd;
    padding-bottom: 30px;
}
.comment-box h2{
    font-size: 24px;
    color: #666666;
    font-weight: normal;
    margin-top: 40px;
}
.comment-box h2 i{
    width: 28px;
    height: 28px;
    background:url("../img/icon.png");
    background-position: -140px -176px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.comment-label{
    margin-top: 20px;
    padding-left: 30px;
}
.comment-label label{
    margin:0 10px;
    color: #ac8546;
    font-size: 14px;
    line-height: 26px;
    padding: 4px 10px;
    border: 1px solid #ac8546;
    border-radius: 14px;
}
.list-pic{
    width: 70px;
    text-align: center;
    float: left;
    margin-right: 40px;
}
.list-pic p{
    font-size: 14px;
    color: #666666;
    padding-top: 10px;
}
.list-right-box{
    float: right;
    width: 1090px;
}
.rating{
    font-size: 14px;
    color: #666666;
    padding-right: 35px;
}
.rating font{
    padding-right: 15px;
}
.rating i{
    width: 14px;
    height: 14px;
    background:url("../img/icon.png");
    background-position: -173px -183px;
    margin: 0 5px;
    position: relative;
    top: 1px;
}
.list-right-box time{
    float: right;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.list-right-box p{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    padding: 15px 0;
}
.list-address{
    font-size: 14px;
    color: #999999;

}
.list-address i{
    width: 14px;
    height: 16px;
    background:url("../img/icon.png");
    background-position: -192px -182px;
    margin: 0 5px;
    position: relative;
    top: 3px;
}
.list-address label{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #dcdcdd;
}
.list-li{
    padding-top: 30px;
}


.comment-page{
    margin-top: 40px;
    text-align: center;
    margin-bottom: 90px;
}

.comment-page a{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 0 17px;
    width: auto;
    height: 40px;
    background-color: #fff;
    line-height: 40px;
    margin: 0 4px;
    border: 1px solid #DCDCDD;
}
.comment-page a.comment_active{
    background-color: #ae8646;
    color: #fff;
}
.comment-page a.jinyong-bt {
    color: #999999;
}



/*红邮箱投诉star*/
.complaint-bg{
    background: url(../img/complaint-bg.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.complaint-box{
    background-color: #ffffff;
    margin-top: 40px;
}
.complaint-from{
    width: 880px;
    margin: 0 auto;

}
.complaint-from h2{
    font-size: 24px;
    color: #333333;
    border-bottom: 1px solid #dcdcdd;
    padding: 40px 0 10px;
    font-weight: normal;
}
.from-box{
    width: 660px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.from-box h4{
    font-size: 18px;
    color: #666666;
    position: relative;
    margin-top: 50px;
    font-weight: normal;

}
.from-box h4 i{
    position: absolute;
    width: 68px;
    height: 68px;
    background:url("../img/icon.png");
    background-position: -223px -263px;
    left: -98px;
    top: -23px;
}
.from-box .login-input{
    padding-left: 10px;
    margin-bottom: 20px;
}
.from-box .input-box{
    padding-left: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 14px;
}
.from-box .input-box input{
    text-indent: 0;
    font-size: 14px;
}
.complaint-text{
    border: 1px solid #cccccc;
    height: 198px;
    width: 658px;
    border-radius: 4px;
    text-indent: 10px;
    font-size: 14px;
    line-height: 35px;
}
.complaint-text:focus{
    outline: none;
    border: 1px solid #ad8648;
}
.complaint-bt{
    margin-top: 40px;
    width: 240px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #ffffff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    background: #ad8648;
}



/*放大镜star*/
.small-box {
    height:480px;
    border:1px #f6f6f6 solid;
    cursor:move;
    position:relative;
}
.small-box img {
    width:480px;
    height:480px;
}
.tool {
    width:120px;
    height:120px;
    background-color:#ad8648;
    opacity:0.6;
    filter:alpha(opacity=60);
    position:absolute;
    left:0px;
    top:0px;
    display:none;
}
.tool.active {
    display:block;
}
.big-box {
    position: absolute;
    width:600px;
    height:575px;
    border:1px #ccc solid;
    overflow:hidden;
    left: 513px;
    top: 0;


    display:none;
}
.big-box.active {
    display:block;
}
.big-box img {
    width:960px;
    height:960px;
    position:absolute;
}


/*个人中心-智能家居 star*/
.order-box{
    margin-top: 20px;
    padding-bottom: 60px;
    overflow: hidden;
    position: relative;
}
.menu-bg{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 60px;
    width: 260px;
    background-color: #ededee;
    z-index: 1;
}
.order-menu{
    float: left;
    width: 260px;
    background-color: #ededee;
    min-height: 558px;
    height: 100%;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
}
.order-menu h2{
    border-bottom: 1px solid #dcdcdd;
    line-height: 70px;
    height: 70px;
    padding-left: 80px;
    color: #02225e;
    font-size: 20px;
    font-weight: normal;
}
.order-menu a{
    display: block;
    position: relative;
    padding: 13px 0 13px 80px;
    font-size: 16px;
    color: #666666;
}
.order-menu a label{
    background: url("../img/icon.png");
    height: 20px;
    width: 20px;
    position: absolute;
    left: 45px;
    top: 14px;
}
.order-menu a .menu-1{
    background-position: -8px -742px;
}
.order-menu a .menu-2{
    background-position: -32px -742px;
}
.order-menu a .menu-3{
    background-position: -55px -744px;
}
.order-menu a .menu-4{
    background-position: -80px -744px;
}
.order-menu a .menu-5{
    background-position: -105px -746px;
}
.order-menu a .menu-6{
    background-position: -130px -744px;
}
.order-menu a .menu-7{
    background-position: -155px -744px;
}
.order-menu a .menu-8{
    background-position: -178px -744px;
}

.order-menu a.active .menu-1{
    background-position: -8px -719px;
}
.order-menu a.active .menu-2{
    background-position: -31px -718px;
}
.order-menu a.active .menu-3{
    background-position: -55px -719px;
}
.order-menu a.active .menu-4{
    background-position: -80px -719px;
}
.order-menu a.active .menu-5{
    background-position: -105px -719px;
}
.order-menu a.active .menu-6{
    background-position: -130px -719px;
}
.order-menu a.active .menu-7{
    background-position: -155px -719px;
}
.order-menu a.active .menu-8{
    background-position: -178px -719px;
}



.order-menu a.active{
    background: #ae8448;
    color: #FFFFFF;

}
.order-menu a i{
    height: 6px;
    width: 9px;
    background: url("../img/icon.png");
    background-position: -525px -4px;
    float: right;
    margin-right: 70px;
    margin-top: 7px;
}
.order-menu li.down-top a i{
    background-position: -525px -16px;
}
.mg-top-13{
    margin-top: 13px;
}
.order-menu ul li ul li a{
    font-size: 14px;
    color: #999999;
}
.order-menu ul li ul{
    display: none;
}
.order-menu li.down-top ul{
    display: block;
}
.oeder-iframe{
    float: right;
    width: 910px;
    border: 0;
}
.order-right{
    float: right;
    width: 910px;
}
.order-right h4{
    padding-top: 20px;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #e8e8e8;
    line-height: 40px;
    font-weight: normal;
    margin-bottom: 20px;
}
.order-title{
    background-color: #ededee;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    color: #333333;
}
.order-title div{
    float: left;
}
.mag-lin{
    height: 10px;
}
.order-name{
    padding-left: 20px !important;
    width: 420px;

}
.order-td-1{
    width: 435px;
    padding-left: 20px;
    text-align: left;
}
.order-td-2{
    width: 90px;
}
.order-td-3{
    width: 50px;
}
.order-td-4{
    width: 110px;
}
.order-list{
    padding: 10px 0;
}
.list-title{
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
}
.list-title .agreement{
    font-size: 14px;
    padding-left: 20px;
}
.list-title time{
    color: #333333;
    padding-right: 12px;
}
.list-title label{
    float: right;
    padding-right: 20px;
}
.list-table{
    width: 100%;
    font-size: 14px;
    color: #666666;

}
.hot-img-box{
    padding: 20px 0 !important;
}
.hot-img-box img{
    margin: 0 0 0 20px !important;
}
.border-bottom td{
    border-bottom: 1px solid #e8e8e8;
}
.hot-review{
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.hot-review .list-right-box{
    width: auto;
    padding: 20px 0 5px;
    margin: 0 20px;
    border-top: 1px dashed #e8e8e8;
}

.hot-review .list-right-box p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.left-img{
    width: 140px;
    border-left: 1px solid #e8e8e8;
}
.left-img img{
    width: 100px;
    height: 100px;
    margin: 10px 0 10px 20px;
}
.list-table td{
    text-align: left;
    padding: 0;
}
.right-text{
    width: 265px;
    line-height: 24px;
    margin-top: 10px;
    text-align: left !important;
}
.right-text-top{
    width: 215px;
    height: 50px;
    overflow: hidden;
}
.right-text p{
    width: 215px;
    height: 50px;
    color: #999999;
    overflow: hidden;
    padding-top: 5px;
}
.left-border{
    border-right: 1px solid #e8e8e8;
}
.hot-bt{
    float: right;
    margin-right: 20px;
    background-color: #FFFFFF;
    padding: 3px 15px;
    color: #af8748;
    font-size: 14px;
    border: 1px solid #af8748;
    border-radius: 2px;
    cursor: pointer;
}
.hot-bt-box{
    vertical-align: inherit !important;
}
.del-list{
    color: #666666;
}
.pay-bt{
    color: #dc4444;
    padding-right: 15px;
}
.del-list:hover{
    color: #ac8546;
}


.page4-text{
    background-color:rgba(2,34,94,0.3);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.page4-text img{
    position: absolute;
    top: 50px;
    left: 50px;
    width: 120px !important;
    height: 120px;
    border-radius: 60px;
}
.text-box{
    width: 910px;
    margin-left: 190px;
    color: #FFFFFF;
}
.text-box h3{
    font-size: 48px;
    font-weight: normal;
    padding: 50px 0 15px;

}
.text-box p {
    font-size: 20px;
    line-height: 30px;
}


/*我的户型图star*/
.real-list{
    padding: 20px 0 20px;
    border-bottom: 1px dashed #ededee;
}
.real-pic{
    width: 160px;
    height: 160px;
}
.real-text{
    float: right;
    width: 720px;
}
.real-text h3{
    font-weight: normal;
    font-size: 20px;
    color: #333333;
    line-height: 38px;
}
.real-text h3 time{
    float: right;
    font-size: 14px;
    color: #999999;
}
.real-number{
    font-size: 14px;
    color: #666666;
}
.real-data{
    font-size: 14px;
    color: #666666;
    margin: 28px 0;
}
.real-data span{
    color: #333333;
}
.real-data label{
    border-right:1px solid #dcdcdd;
    width: 1px;
    margin: 0 20px;
}
.real-bt a{
    display: inline-block;
    margin-right: 20px;
    width: 90px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #af8748;
    border: 1px solid #af8748;
    border-radius: 2px;
    text-align: center;
}
.real-bt a:hover{
    color: #FFFFFF;
    background-color: #af8748;
}
.done{
    color: #999999;
}

/*品质管控star*/
.queryinfo-title{
    display: inline-block;
    padding: 0 80px;
    height: 1px;
    background-color: #333333;
    margin-top: 120px;
    font-weight: 400;
}
.queryinfo-title span{
    line-height: 0;
    background-color: #FFFFFF;
    padding: 0 20px;
    font-size: 36px;
}
.queryinfo-img{
    margin: 40px -10px 0;
}


.queryinfo-img-list{
    float: left;
    width: 25%;
    overflow: hidden;
}

.queryinfo-img-box{
    margin: 10px;
    position: relative;
    overflow: hidden;
}
.queryinfo-img-box img{
    width: 100%;
    height: 198px;
    transition: all 0.6s linear .6s;
    -moz-transition: all 0.6s linear .6s;
    -webkit-transition: all 0.6s linear .6s;
    -o-transition: all 0.6s linear .6s;
}
.queryinfo-img-text{
    position: absolute;
    left: 0;
    right: 0;
    top: 198px;
    bottom: 0;
    background: rgba(2,34,94,0.5);
    line-height: 100%;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 300;
    overflow: hidden;
    transition: top .5s;
    -moz-transition: top .5s;	/* Firefox 4 */
    -webkit-transition: top .5s;	/* Safari 和 Chrome */
    -o-transition: top .5s;	/* Opera */
}
.text-vertical{
    display: table;
    width: 100%;
    height: 100%;
}
.text-vertical-center{
    vertical-align:middle;
    display:table-cell;
}
.queryinfo-img-box:hover .queryinfo-img-text{
    top: 0;
}
.queryinfo-img-box:hover img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.queryinfo-icon-list{
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 50px;
    opacity: 0;
}
.animation-star .queryinfo-icon-list{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
}

.queryinfo-icon-list i{
    background: url("../img/icon.png");
    width: 82px;
    height: 82px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.queryinfo-icon-list i.queryinfo-icon-1{
    background-position: -551px -3px;
}
.queryinfo-icon-list i.queryinfo-icon-2{
    background-position: -640px -3px;
}
.queryinfo-icon-list i.queryinfo-icon-4{
    background-position: -826px -3px;
}
.queryinfo-icon-list i.queryinfo-icon-5{
    background-position: -551px -97px;
}
.queryinfo-icon-list i.queryinfo-icon-6{
    background-position: -640px -96px;
}
.queryinfo-icon-list i.queryinfo-icon-7{
    background-position: -733px -93px;
}
.queryinfo-icon-list i.queryinfo-icon-3{
    background-position: -733px -3px;
}
.queryinfo-icon-list i.queryinfo-icon-8{
    background-position: -826px -93px;
}
.queryinfo-icon-list h5{
    font-size: 18px;
    font-weight: 500;
    color: #333;
    padding: 30px 0 10px;
}
.queryinfo-icon-list p{
    font-size: 14px;
    color: #666;
    line-height: 18px;
}
.queryinfo-icon{
    padding-bottom: 100px;
}
.queryinfo-icon-list:hover i{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}


.animation-star .queryinfo-icon-list:nth-child(1){
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
}
.animation-star .queryinfo-icon-list:nth-child(2){
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    animation-delay: .3s;
}
.animation-star .queryinfo-icon-list:nth-child(3){
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    animation-delay: .6s;
}
.animation-star .queryinfo-icon-list:nth-child(4){
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    animation-delay: .9s;
}
.animation-star .queryinfo-icon-list:nth-child(5){
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animation-star .queryinfo-icon-list:nth-child(6){
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animation-star .queryinfo-icon-list:nth-child(7){
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.animation-star .queryinfo-icon-list:nth-child(8){
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
    -ms-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.animation-star .queryinfo-icon-list{
    -webkit-animation: fromBack 0.5s linear backwards;
    -moz-animation: fromBack 0.5s linear backwards;
    -ms-animation: fromBack 0.5s linear backwards;
    animation: fromBack 0.5s linear backwards;
}

@keyframes fromBack
{
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes fromBack /* Firefox */
{
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fromBack /* Safari 和 Chrome */
{
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-o-keyframes fromBack /* Opera */
{
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}


/*设计图star*/
.plan-box{
    margin: 0 -10px;
}
.plan-list{
    float: left;
    width: 33.33%;
}
.plan-list-box{
    margin: 0 10px 20px;
    position: relative;
    overflow: hidden;
}
.plan-list-box img{
    width: 100%;
}
.plan-list-box p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 40px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    background-color:rgba(2,34,94,0.4);
}

/*装修进度star*/
.schedul-box{
    border: 1px solid #ededee;
    margin-bottom: 20px;
}
.schedul-box h5{
    background-color: #fafafa;
    border-bottom: 1px solid #ededee;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    color: #333333;
    padding: 0 20px;
}
.schedul-box h5 span{
    font-size: 14px;
    color: #999999;
    float: right;
}
.schedul-box h5 span i{
    width: 14px;
    height: 16px;
    background: url(../img/icon.png);
    background-position: -192px -182px;
    margin: 0 5px;
    position: relative;
    top: 3px;
}
.schedul-list-box{
    padding: 30px 20px 0;
    overflow: hidden;
    position: relative;
}
.schedul-list span{
    background-color: #FFFFFF;
    position: relative;
    z-index: 2;
    padding-right: 10px;
}
.schedul-list span i{
    width: 8px;
    height: 8px;
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    background-color: #cccccc;
    margin-right: 25px;
    position: relative;
    top: 1px;
}
.schedul-list span label{
    border: 1px solid #dcdcdd;
    border-radius: 2px;
    color: #bfbfbf;
    font-size: 12px;
    padding: 0 5px;
    line-height: 16px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.schedul-list{
    font-size: 14px;
    color: #999999;
    margin-bottom: 30px;
}
.schedul-list time{
    float: right;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    z-index: 2;
    background-color: #FFFFFF;
    padding-left: 10px;
    color: #999999;
}
.schedul-list p{
    position: relative;
    top: -11px;
    border: 1px dashed #ededee;
}
.complete{
    color: #02225e;
}
.complete span i{
    background-color: #02225e;
}
.complete span label{
    color: #02225e;
    border: 1px solid #02225e;
}
.ongoing{
    color: #af8748;
    padding-left: 40px;
}
.ongoing span i{
    height: 20px;
    width: 20px;
    background: url(../img/icon.png);
    background-position: -71px -301px;
    border: 0;
    position: absolute;
    left: -44px;
    top: -1px;
}
.ongoing span label{
    color: #af8748;
    border: 1px solid #af8748;
}
.plus-border{
    width: 2px;
    background-color: #ededee;
    position: absolute;
    left: 25px;
    top: 35px;
    bottom: 35px;
}

/*验收情况star*/
.inspected-box{
    line-height: 42px;
    width: 100%;
}
.inspected-box th,td:last-child{
    text-align: left;
}
.inspected-box th{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}
.inspected-box td{
    font-size: 14px;
    color: #666666;
    padding-left: 0;
    border-top: 1px dashed #ededee;
}
.inspected-padding{
    margin: 10px 20px;
}

/*悠居热评star*/
.hot-title{
    color: #333333;
}
.review-p{
    line-height: 30px;
    margin-left: 90px;
}
.review-icon i{
    width: 14px;
    height: 14px;
    background: url(../img/icon.png);
    background-position: -173px -183px;
    margin-left: 10px;
    position: relative;
    top: 1px;
    cursor: pointer;
}
.review-icon i.active{
    background-position: -214px -186px;
}
.review-label{
    border: 1px solid #ac8546;
    color: #ac8546;
    font-size: 14px;
    padding: 5px 6px;
    margin: 0 0 10px 10px;
}
.review-label i{
    margin-top: 15px;
}
.review-label-box{
    float: left;
    width: 320px;
    margin-top: -8px;
}
.review-text{
    float: left;
    margin-left: 10px;
}
.review-text textarea{
    border: 1px solid #dcdcdd;
    resize:none;
    height: 140px;
    width: 293px;
    line-height: 30px;
}
.review-text textarea:focus {outline: none;}
.text-top td{
    vertical-align: baseline;
}
.text-top .left-img img{
    margin: 0 0 10px 20px;
}
.review-bt{
    line-height: 40px;
    width: 160px;
    color: #FFFFFF;
    background-color: #ad8648;
    border: 0;
    font-size: 16px;
    margin-left: 132px;
    margin-bottom: 30px;
}

/*我的生活家star*/
.more-bt{
    float: right;
    border: 1px solid #ac8546;
    color: #ac8546;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 2px;
    margin-top: 5px;
}
.home-img img{
    width: 100%;
}
.home-title{
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    text-align: center;
    padding: 30px 0 20px;
}
.home-nav{
    border-bottom: 1px solid #dcdcdd;
    font-size: 16px;
    color: #999999;
    margin-bottom: 10px;

}
.home-nav span{
    margin-right: 40px;
    line-height: 38px;
    display: inline-block;
    cursor: pointer;
}
.home-nav span.active{
    color: #ac8546;
    border-bottom: 2px solid #ac8546;
    margin-bottom: -1px;
}
.home-padding{
    margin: 0 20px 10px;
}
.home-padding th{
    background-color: #ededee;
    font-size: 14px;
}
.clear-border td{
    border-top: 0;
}
.home-padding th span{
    background-color: #ededee;
    display: inline-block;
}
.left-bg{
    padding-left: 20px;
    margin-left: -20px;
}
.right-bg{
    float: right;
    padding-right: 20px;
    margin-right: -20px;
}
.more-text{
    margin: 15px 0;
    min-height: 60px;
}
.more-plan-title h4{
    margin-bottom: 0;
}
.play-name{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 40px 0;
}
.plan-number{
    margin: 0 auto;
    color: #333333;
    font-size: 36px;
    background-color: #595757;
    width: 390px;
    height: 1px;
    text-align: center;
}
.plan-number span{
    background-color: #FFFFFF;
    padding: 0 25px;
    position: relative;
    top: -20px;
}
.qr-code{
    text-align: center;
    margin-top: 40px;
}
.qr-icon{
    padding-left: 80px;
    background-color: #ac8546;
    color: #ffffff;
    font-size: 14px;
    width: 120px;
    line-height: 22px;
    position: relative;
    height: 55px;
    margin: 20px auto 0;
    padding-top: 13px;
}
.qr-icon i{
    width: 46px;
    height: 46px;
    background: url("../img/personal/qr-icon.png");
    position: absolute;
    left: 20px;
    top: 12px;
}
.play-contact{
    text-align: center;
    font-size: 16px;
    color: #333333;
    margin-top: 30px;
    margin-bottom: 45px;
}
.play-contact label{
    border-left: 2px solid #dcdcdd;
    margin: 0 20px;

}
.contract-box{
    border: 1px solid #dcdcdd;
}
.contract-box h3{
    line-height: 48px;
    background-color: #ededee;
    font-size: 18px;
    color: #333333;
    font-weight: 400;
    text-align: center;
}
.contract-text{
    padding: 0 30px 40px;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}
.contract-text p{
    margin-top: 25px;
}
.pic-box{
    width: 120px;
    line-height: 0;
    font-size: 0;
    height: 120px;
    border-radius: 60px;
    overflow: hidden;
    margin: 40px auto;
}
.pic-box img{
    width: 100%;
}
.information-form{
    width: 360px;
    margin: 0 auto;
}
.form-list{
    margin-bottom: 20px;
    position: relative;
}
.form-list label{
    line-height: 40px;
    width: 76px;
    color: #666666;
    font-size: 14px;
    display: inline-block;
}
.form-list input{
    font-size: 14px;
    color: #333333;
    padding-left: 10px;
    width: 266px;
    border: 1px solid #dcdcdd;
    border-radius: 2px;
    line-height: 38px;
    height: 38px;
}
.form-list input:focus{
    border: 1px solid #ac8546;
}
.form-list .select-icon{
    top: 18px;
}
.information-bt{
    width: 278px;
    border: 0;
    background-color: #ac8546;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 80px;
    cursor: pointer;
    border-radius: 2px;
}

/*设计+新改*/
.container-china{
    background-color: #ffffff;
    line-height: 1.6;
    padding-bottom: 50px;
}
.fz16rem { font-size: 16px; }
.mt2rem {
    margin-top: 20px;
}
.fz14rem {
    font-size: 14px;
}
.pull-left { float: left; }

.pull-right { float: right; position: relative}

.pull-center { margin: 0 auto; }
.clearListStyle { margin: 0; padding: 0; list-style: none; }
.clearListStyle li { margin: 0; padding: 0; list-style: none; }
.pull-center { margin: 0 auto; }
.clearfix:before, .pull-center:before, .clearfix:after, .pull-center:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.design-tab { padding: 20px 0; text-align: center; border-bottom: 3px solid #000; position: relative; }
.design-tab .qs { position: absolute; left: -162px; top: 160px; }
.design-tab li { display: inline-block; margin: 0 34px; cursor: pointer; position: relative; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.design-tab li:hover { -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.design-tab li:hover .touxiang, .design-tab li.active .touxiang { display: none; }
.design-tab li:hover .touxiang-h, .design-tab li.active .touxiang-h { display: block; }
.design-tab li .touxiang-h { display: none; }
.design-tab li .name { display: block; margin-top: 10px; font-size: 14px; }

.design-cont { margin-top: 40px; }
.design-cont .design-item { display: none; }
.design-cont .design-item .profile { width: 430px; }
.design-cont .design-item .jjmy { margin-top: 120px; }
.design-cont .design-item .name { font-size: 30px; margin-top: 71px; }
.design-cont .design-item .zhiwu { font-size: 16px; }
.design-cont .design-item .qchd { width: 380px; padding-left: 40px; position: relative; }
.design-cont .design-item .qchd .gns { border: 1px solid #CCC; margin-bottom: 36px; }
.design-cont .design-item .qchd img { max-width: 100%; }
.design-cont .design-item .drigh { width: 380px; }
.design-cont .design-item .drigh img { max-width: 100%; }
.pull-right-tip{
    position: absolute;
    top: 0;
    left: -15px;
}